/*
/!**
 * Created by siqing on 2016/9/16.
 *!/
$(document).ready(function(){
    
    /!*$("img").click(function () {
        $("#i_main").fadeIn(3000);
        $("#o_main").fadeIn(3000);
    });*!/
    /!*重复，直至输入成功*!/
    /!*$("#i_main").click(function () {
        $("#in_content").fadeIn(50,function () {
            $("#i_main").addClass("hidden");
            $("#o_main").addClass("hidden");
            $(".mark").fadeIn(50);
        });*!/


        var close = $(".close");

        function closeThis() {
            $('#in_content').css("visibility", "hidden");
            $(".mark").addClass("hidden");
            $("#i_main").removeClass("hidden");
            $("#o_main").removeClass("hidden");
           /!* $("b").fadeOut(0.001);*!/
        }



        /!*输入框功能*!/
        var payPassword = $("#payPassword_container"),
            _this = payPassword.find('i'),
            k=0,j=0,
            password = '' ,
            _cardwrap = $('#cardwrap');
//点击隐藏的input密码框,在6个显示的密码框的第一个框显示光标
        payPassword.on('focus',"input[name='Password_input']",function(){

            var _this = payPassword.find('i');
            if(payPassword.attr('data-busy') === '0'){
                //在第一个密码框中添加光标样式
                _this.eq(k).addClass("active");
                _cardwrap.css('visibility','visible');
                payPassword.attr('data-busy','1');
            }

        });
//change时去除输入框的高亮，用户再次输入密码时需再次点击
        payPassword.on('change',"input[name='Password_input']",function(){
            _cardwrap.css('visibility','hidden');
            _this.eq(k).removeClass("active");
            payPassword.attr('data-busy','0');
        }).on('blur',"input[name='Password_input']",function(){

            _cardwrap.css('visibility','hidden');
            _this.eq(k).removeClass("active");
            payPassword.attr('data-busy','0');

        });

//使用keyup事件，绑定键盘上的数字按键和backspace按键
        payPassword.on('keyup',"input[name='Password_input']",function(e){

            var  e = (e) ? e : window.event;

            //键盘上的数字键按下才可以输入
            if(/!*e.keyCode == 8 || (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105)*!/1){
                k = this.value.length;//输入框里面的密码长度
                l = _this.size();//6

                for(;l--;){

                    //输入到第几个密码框，第几个密码框就显示高亮和光标（在输入框内有2个数字密码，第三个密码框要显示高亮和光标，之前的显示黑点后面的显示空白，输入和删除都一样）
                    if(l === k){
                        _this.eq(l).addClass("active");
                        _this.eq(l).find('b').css('visibility','hidden');

                    }else{
                        _this.eq(l).removeClass("active");
                        _this.eq(l).find('b').css('visibility', l < k ? 'visible' : 'hidden');

                    }

                    if(k === 6){
                        j = 5;
                    }else{
                        j = k;
                    }
                    $('#cardwrap').css('left',j*32+'px');

                }
            }else{
                //输入其他字符，直接清空
                var _val = this.value;
                this.value = _val.replace(/\D/g,'');
            }
            var _url=/[a-zA-Z0-9\u4e00-\u9fa5]/;
            var text=document.getElementsByTagName("input").value;
            var result = text.match(_url);
        });

        close.on('click', closeThis);

    });

    /!*输出内容*!/
    
    $("#o_main").click(function () {
        $("#out_content").fadeIn(50,function () {
            $("#i_main").addClass("hidden");
            $("#o_main").addClass("hidden");
        });
        $(".mark").fadeIn(50);
        var close = $(".close");
        var data_done = $(".data_done");
    function closeThis_() {
            $('#out_content').css("visibility", "hidden");
            $(".mark").addClass("hidden");
            $("#i_main").removeClass("hidden");
            $("#o_main").removeClass("hidden");
        }
    function data_done_() {
        $('#out_content').css("visibility", "hidden");
        $(".mark").addClass("hidden");
        $("#i_main").removeClass("hidden");
        $("#o_main").removeClass("hidden");
    }

    /!*输出内容——输入框功能*!/
    var pay_Password = $("#payPassword_container_01"),
        _this_ = pay_Password.find('i'),
        k=0,j=0,
        password = '' ,
        _cardwrap_ = $('#cardwrap_01');
//点击隐藏的input密码框,在6个显示的密码框的第一个框显示光标
    pay_Password.on('focus',"input[name='Password_input_show']",function(){

        var _this_ = pay_Password.find('i');
        if(pay_Password.attr('data-busy') === '0'){
            //在第一个密码框中添加光标样式
            _this_.eq(k).addClass("active");
            _cardwrap_.css('visibility','visible');
            pay_Password.attr('data-busy','1');
        }

    });
//change时去除输入框的高亮，用户再次输入密码时需再次点击
    pay_Password.on('change',"input[name='Password_input_show']",function(){
        _cardwrap_.css('visibility','hidden');
        _this_.eq(k).removeClass("active");
        pay_Password.attr('data-busy','0');
    }).on('blur',"input[name='Password_input_show']",function(){

        _cardwrap_.css('visibility','hidden');
        _this_.eq(k).removeClass("active");
        pay_Password.attr('data-busy','0');

    });

//使用keyup事件，绑定键盘上的数字按键和backspace按键
    pay_Password.on('keyup',"input[name='Password_input_show']",function(e){

        var  e = (e) ? e : window.event;
        /!*var _url=/[a-zA-Z0-9\u4e00-\u9fa5]/;
        var text=document.getElementsByTagName('input')[1].value;
        var result = text.match(_url);*!/
        //键盘上的数字键按下才可以输入
        if(e.keyCode == 8 || (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105)){
            k = this.value.length;//输入框里面的密码长度
            l = _this_.size();//6

            for(;l--;){

                //输入到第几个密码框，第几个密码框就显示高亮和光标（在输入框内有2个数字密码，第三个密码框要显示高亮和光标，之前的显示黑点后面的显示空白，输入和删除都一样）
                if(l === k){
                    _this_.eq(l).addClass("active");
                    _this_.eq(l).find('b').css('visibility','hidden');

                }else{
                    _this_.eq(l).removeClass("active");
                    _this_.eq(l).find('b').css('visibility', l < k ? 'visible' : 'hidden');

                }

                if(k === 6){
                    j = 5;
                }else{
                    j = k;
                }
                $('#cardwrap_01').css('left',j*32+'px');

            }
        }else{
            //输入其他字符，直接清空
            var _val = this.value;
            this.value = _val.replace(/\D/g,'');
        }
    });

    data_done.on('click',data_done_);
    close.on('click', closeThis_);
    });



});


*/
